<template>
    <div class="container">
        <i class="el-icon-arrow-left" id="icon" @click="back"></i>
    </div>
</template>

<script>
    export default {
        name: "Navigator",
        methods:{
            back:function () {
                this.$router.go(-1)
            }
        }
    }
</script>

<style scoped lang="scss">
    .container{
        position: fixed;
        height: 100px !important;
        width: 50px !important;

        left: 80px;
        top: 300px;

        z-index: 100;

        font-size: 40px;

        color: darkgrey;

        &:hover{
            color: grey;
            font-size: 44px;
        }
    }

    #icon{
        height: 100px !important;
        width: 50px !important;

        margin: auto auto;
    }
</style>
